<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>招聘数据可视化分析系统 - 个人中心</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>

<body>
    <div class="dashboard">
        <div class="sidebar">
            <div class="sidebar-header">
                <h2>招聘数据可视化分析系统</h2>
            </div>

            <!-- 用户信息卡片 -->
            <div class="user-profile">
                <div class="user-avatar">
                    <img src="https://via.placeholder.com/60x60/4A90E2/FFFFFF?text={{ session.user.username[0]|upper }}"
                        alt="用户头像">
                </div>
                <div class="user-info">
                    <p class="user-greeting">欢迎回来</p>
                    <p class="username">{{ session.user.username }}</p>
                </div>
                <form action="{{ url_for('logout') }}" method="post" class="logout-form">
                    <button type="submit" class="logout-btn">退出登录</button>
                </form>
            </div>

            <!-- 导航菜单 -->
            <nav class="sidebar-nav">
                <ul>
                    <li><a href="{{ url_for('home') }}" class="nav-item">
                            <span class="nav-icon">🏠</span>
                            <span class="nav-text">首页</span>
                        </a></li>
                    <li><a href="{{ url_for('profile') }}" class="nav-item active">
                            <span class="nav-icon">👤</span>
                            <span class="nav-text">个人中心</span>
                        </a></li>
                    <li><a href="{{ url_for('data_management') }}" class="nav-item">
                            <span class="nav-icon">💼</span>
                            <span class="nav-text">数据管理</span>
                        </a></li>

                    <li><a href="{{ url_for('charts') }}" class="nav-item">
                            <span class="nav-icon">📈</span>
                            <span class="nav-text">可视化图表</span>
                        </a></li>
                </ul>
            </nav>
        </div>
        <div class="main-content">
            <div class="main-content-inner">
                <h2 class="page-title">个人中心</h2>
                <div class="page-content">
                    <!-- 基本信息修改 -->
                    <div class="profile-section">
                        <h3>基本信息</h3>
                        <form id="profileForm">
                            <div class="form-group">
                                <label for="username">用户名</label>
                                <input type="text" id="username" name="username" required>
                            </div>
                            <div class="form-group">
                                <label for="email">邮箱</label>

                                <input type="email" id="email" name="email" required>
                            </div>
                            <button type="submit" class="btn btn-primary">保存更改</button>
                        </form>
                    </div>

                    <!-- 密码修改 -->
                    <div class="profile-section">
                        <h3>修改密码</h3>
                        <form id="passwordForm">
                            <div class="form-group">
                                <label for="current_password">当前密码</label>
                                <input type="password" id="current_password" name="current_password" required>
                            </div>
                            <div class="form-group">
                                <label for="new_password">新密码</label>
                                <input type="password" id="new_password" name="new_password" required>
                            </div>
                            <div class="form-group">
                                <label for="confirm_password">确认新密码</label>
                                <input type="password" id="confirm_password" name="confirm_password" required>
                            </div>
                            <button type="submit" class="btn btn-primary">修改密码</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="{{ url_for('static', filename='js/profile.js') }}"></script>


</html>